import { defineStore } from 'pinia'
import { ref } from 'vue'

// export const useLoveStore = defineStore('love', {
//   state: () => {
//     return {
//         // list:[
//         //     {id:1,
//         //     title:'袁依群',
//         //     content:'world'},
//         //     {id:2,
//         //     title:'康东伟',
//         //     content:'world'},
//         // ]
//         // 从本地存储中获取数据，如果没有则返回空数组
//         list:localStorage.getItem('loveList')?JSON.parse(localStorage.getItem('loveList') as string):[]
//     }
//   },
//   actions: {
//     addLove(item:any){
//         this.list.unshift(item)
//     },
//     removeLove(id:number){
//         this.list = this.list.filter(item=>item.id!==id)
//     }
//   },
// })

// --------------------上面为选项式得写法，下面为组合式得写法------------------------------

export const useLoveStore = defineStore('love', () => {
    // 定义一个 ref 类型的变量，初始值为从本地存储中获取的数据，如果没有则返回空数组
    const list = ref(localStorage.getItem('loveList')?JSON.parse(localStorage.getItem('loveList') as string):[])

    // 定义一个函数，用于添加数据
    function addLove(item:any){
        list.value.unshift(item)
    }

    // 定义一个函数，用于删除数据
    function removeLove(id:number){
        list.value = list.value.filter(item=>item.id!==id)
    }

    // 返回变量和函数
    return {
        list,
        addLove,
        removeLove 
    }
})